// components/my-bg/my-bg.js
Component({
  options: {
    // 存数据字段
    pureDataPattern: /^_/,
    // 开启 具名插槽
    multipleSlots: true
  },
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    _r: 0,
    _g: 0,
    _b: 0,
    rgb: '0, 0, 0'
  },
  observers: {
    "_r, _g, _b"(r, g, b) {
      console.log(1)
      this.setData({
        rgb: `${r}, ${g}, ${b}`
      })
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    addRgb(e) {
      const type = e.target.dataset.type
      
      this.setData({
        [type]: this.data[type] + 5
      })
    },
  }
})
